
/**
* 生成动态生成常用类
* 同普通类名调用 class(mrt1) === Style(margin-top:1rpx;)
*/  
@for $i from 1 to 50 {
    $val: $i * 1rpx;
    // margin
    .mrt#{ $i }{
        margin-top: $val;
    }
    .mrb#{ $i }{
        margin-bottom: $val;
    }
    .mr#{ $i }{
        margin: $val;
    }
    .mrr#{ $i }{
        margin-right: $val;
    }
    .mrl#{ $i }{
        margin-left: $val;
    }
    .mrlr#{ $i }{
        margin-left: $val;
        margin-right: $val;
    }
    .mrtb#{ $i }{
        margin-top: $val;
        margin-bottom: $val;
    }
    // padding
    .pdt#{ $i }{
        padding-top: $val;
    }
    .pdb#{ $i }{
        padding-bottom: $val;
    }
    .pd#{ $i }{
        padding: $val;
    }
    .pdr#{ $i }{
        padding-right: $val;
    }
    .pdl#{ $i }{
        padding-left: $val;
    }
    .pdlr#{ $i }{
        padding-left: $val;
        padding-right: $val;
    }
    .pdtb#{ $i }{
        padding-top: $val;
        padding-bottom: $val;
    }
    // border-radius
    @if $i < 30 {
        .brd#{ $i }{
            border-radius: $val;
        }
    }
    // line-height
    .li#{ $i }{
        line-height: $val;
    }
    // font-size
    .ft#{ $i }{
        font-size: $val;
    }
}
// 水平两端对齐
.allFlexBet{
    display: flex;
    justify-content: space-between;
}
// 水平均匀分布
.allFlexAro{
    display: flex;
    justify-content: space-around;
}
// 不换行
.nowrap{
    display: flex;
    flex-wrap: nowrap;
}
.auto{
    margin: auto;
}

// 内容居中
.center{
    display: flex;
    justify-content: center;
    align-items: center;
}
// 垂直下对其
.lineEnd{
    display: flex;
    justify-content: flex-end;
}
// 垂直居中
.lineCenter{
    display: flex;
    align-items: center;
}
.flex-row-end {
  justify-content: flex-end;
}
.flex {
  display: flex;
}
// 文本居中
.txtCen{
    text-align: center;
}
// 可操作
.buttonStyle{
    background: #CDCDCD;
    border-radius: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
}
.noButtonStyle{
    background: #CDCDCD;
    border-radius: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
}

// 背景公用，字体公用

.bgd8{
    background: #D8D8D8;
}
.bg48{
    background: #488DFF;
}
.bgcd{
    background: #cdcdcd;
}
.bgfff{
    background: #fff;
}
.co333{
    color: #333333;
}
.co999{
    color: #999999;
}
.co408{
    color: #408BFF;
}
.co0a5{
    color: #0A55C8;
}
.co343{
    color: #343434;
}
.co1a1{
    color: #1a1a1a;
}
.cofff{
    color: #fff;
}
.co26{
    color: #262626;
}
.coMoney{
    color: #FF3C14;
}
.cob3{
    color: #B3B3B3;
}
.ff2 {
    color: #FF2948;
}
.bold{
    font-weight: bold;
}
.fs0{
    flex-shrink: 0;
}
